@charset "UTF-8";
/*公用样式*/
body{padding-top:30px;}
.fl{float:left;}
.fr{float:right;}
.por{position: relative;}
.w40{width:40px;}
/*.w40{width:40px;}*/
.clearfix:after{content:'';height:0;display: block;visibility: hidden;clear: both;}
.clearfix{zoom:1;}
.layui-form-label{padding:6px 15px 6px 2px;width:auto;}
.layui-input-inline input{height:32px;line-height:32px;}
#layui-layer1{top:50px;}

#app{clear: both;}
/*#pagination{margin:0 20px;}*/

.layui-form-checkbox i{margin:0 auto;}
.layui-form-switch{height:38px;line-height:38px;margin-top:0;border-radius:0;border:0;outline:0;margin-left:1px;}
.layui-form-switch i{top:11px;}
.layui-form-onswitch{background-color:#009688; }
/*控制表单的样式*/
table{width:100%;background-color: #ffffff;}
table .checkbox{position: relative;width:40px;height:40px;opacity:.01;z-index:2;cursor:pointer;}
table .checkbox:hover+i{border:1px solid #5eabed;}
table th i.checkedColor,table td i.checkedColor{color:#fff;border:1px solid #5eabed;background: #5eabed;}
table td ,table th{padding:0 5px;font-size:14px;height: 45px;}
table .checkbox+i{position: absolute;width:22px;height:22px;line-height:22px;text-align:center;border-radius:11px;text-indent: -8px;border:1px solid #ddd;top:0;right:0;bottom:0;left:0;margin:auto;z-index:1;font-size:16px;color:#ddd;}
/*thead tr,tbody tr:hover{background: #eaf5ff;}*/
thead tr{background: #dde9f4;}
tbody tr:hover{background: #F2F2F2;}
/*操作按钮样式*/
.swith{padding:0;width:64px;height:32px;cursor:pointer;}
.swith input{width:64px;height:32px;opacity: .01;position: absolute;z-index:2;left:0;top:0;cursor:pointer;}
.swith em{position: absolute;left:2px;top:0;font-style:normal;font-size:14px;}
.swith i{position: absolute;font-style:normal;width:30px;height:30px;border-radius: 30px;background: #fff;top:4px;right:1px;transition: all .3s ;}
.swith b{position: absolute;right:2px;top:0;font-size:14px;color: #fff;}
.swith.bgColor{background: #ddd;}
.slide-fade-enter-active {transition: all .3s ;  }
.moveColor{transform: translateX(-32px);  }
.layui-btn-group .but-green{ background-color: #56cf88;  }
.layui-btn-group .but-orange{background-color: #fe7c7c;}
/*
.flexBox .swith{
    background-color: #00c43c;
}*/
.swith.por{background-color: #56cf88;}
.swith.bgColor{background: #ddd;}
